/*app*/

.app-title,
.p-tabview-nav {
    background-color: rgb(61, 64, 77);
}

.sys-ctrl {
    color: rgba(255, 255, 255, 0.6);
}


/*hostcard*/

app-hostcard {
    background-color: lightsteelblue;
    border-color: lightsteelblue;
}

app-hostcard:not(.selected):hover {
    border-color: SlateGray;
}

app-hostcard.selected {
    border-color: rgb(122, 160, 199);
}

app-hostcard .oper:hover {
    background-color: rgba(255, 255, 0, 0.5);
}


/*tabview*/

.p-tabview-nav-link {
    background: rgb(90, 92, 104);
    border-color: rgb(90, 92, 104);
    color: rgba(255, 255, 255, 0.8);
}

.p-tabview .p-tabview-nav-home li .p-tabview-nav-link {
    background: rgb(73, 102, 153);
    border-color: rgb(73, 102, 153);
}

.p-tabview .p-tabview-nav-home li .p-tabview-nav-link.p-highlight {
    color: rgba(255, 255, 255, 1);
}

.p-tabview-nav-link:not(.p-highlight):hover {
    background: rgb(110, 112, 122);
    border-color: rgb(110, 112, 122);
    color: rgba(255, 255, 255, 0.8);
}

.p-tabview-nav-link.p-highlight {
    background: rgb(232, 232, 232);
    border-color: rgb(232, 232, 232);
    color: rgba(85, 143, 242, 1);
}

.p-tabview-nav-link.cdk-drag-preview {
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.p-tabview-nav-link.cdk-drag-placeholder {
    border-color: red !important;
    border-style: dotted !important;
}

.p-tabview-nav-link.cdk-drag-animating {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.p-tabview-nav-link:not(.cdk-drag-placeholder) {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}


/*
.p-tabview .p-tabview-panels {
    background: black;
    border-color: #2a323d;
    color: rgba(255, 255, 255, 0.87);
}*/

.p-tabview-nav-blank,
.p-tabview-nav-extra {
    border-bottom: 4px solid #2a323d;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    box-shadow: 0 0 0 0px #e3f3fe;
}

.p-tabview-nav-group ul::-webkit-scrollbar {
    background: #2a323d;
    height: 4px;
}

.p-tabview-nav-group ul::-webkit-scrollbar-thumb {
    background: #2a323d;
}

.p-tabview-nav-group ul:hover::-webkit-scrollbar-thumb {
    background: #3f4b5b;
}

.p-tabview-nav-group ul::-webkit-scrollbar-corner,
.p-tabview-nav-group ul::-webkit-resizer {
    opacity: 0;
}

.titleIcon {
    color: lightseagreen;
}


/*win main*/

.win-ctrl.size:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.win-ctrl.close:hover {
    background-color: #ff0000;
}


/*SFTP FILE LIST*/


/*
.sftp-filelist-title {
    background: rgb(75, 75, 75);
}

.ant-table.ant-table-small .ant-table-thead>tr>th,
.ant-table.ant-table-small .ant-table-tbody>tr>td {
    color: #08cc6f;
}
*/

.as-split-gutter {
    background-color: #2a323d !important;
}


/*global scroll bar*/

*::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0.125);
    width: 10px;
    margin: 5px;
}

*::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
}

*::-webkit-scrollbar-corner,
*::-webkit-resizer {
    opacity: 0;
}

.ant-table-tbody>tr.ant-table-row:hover>td {
    background: #fafafa;
}

.ant-table-tbody>tr.row-selected>td {
    background: #e6f7ff;
    border-color: rgba(0, 0, 0, 0.03);
}

.ant-table-tbody>tr.row-selected:hover>td {
    background: #dcf4ff;
}